<!DOCTYPE html>
<!-- saved from url=(0043)http://getuikit.net/docs/layouts_login.html -->
<html lang="en-gb" dir="ltr" class="uk-height-1-1 uk-touch"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Login layout example - UIkit documentation</title>
  <%@ page language="java" pageEncoding="UTF-8"%>
  <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
  <%@include file="basic/basic_includes.jsp" %>
  <style type="text/css">
    body{
      background-color: #123;
    }
    p{
      font-family: 幼圆;
      font-size: 20px;
      line-height: 32px;
      float: right;
    }
  </style>
</head>

<body class="uk-height-1-1">

<div class="uk-vertical-align uk-text-center uk-height-1-1">
  <div class="uk-vertical-align-middle" style="width: 500px;">

    <h1 style="color: #ffffaa;font-family: 幼圆; ">注册</h1><br>


    <form class="uk-panel uk-panel-box uk-form">
      <br>
      <div class="uk-grid" >
        <div class="uk-width-1-4" ><p>用户名*</p></div>
        <div class="uk-width-3-4" ><input class="uk-width-1-1 uk-form-large" type="text" placeholder="Username"></div>
        <br><br><br>
        <div class="uk-width-1-4" ><p>密码*</p></div>
        <div class="uk-width-3-4" ><input class="uk-width-1-1 uk-form-large" type="password" placeholder="Password"></div>
        <br><br><br>
        <div class="uk-width-1-4" ><p>重复密码*</p></div>
        <div class="uk-width-3-4" ><input class="uk-width-1-1 uk-form-large" type="password" placeholder="Repassword"></div>
        <br><br><br>
        <div class="uk-width-1-4" ><p>姓名*</p></div>
        <div class="uk-width-3-4" ><input class="uk-width-1-1 uk-form-large" type="text" placeholder="Name"></div>
        <br><br><br>
        <div class="uk-width-1-4" ><p>性别</p></div>
        <div class="uk-width-1-4" ><select>
          <option>男</option>
          <option>女</option>
        </select></div>
        <div class="uk-width-1-4" ></div><div class="uk-width-1-4" ></div>
        <br><br><br>
        <div class="uk-width-1-4" ><p>省份</p></div>
        <div class="uk-width-3-4" ><input class="uk-width-1-1 uk-form-large" type="text" placeholder="Province"></div>
        <br><br><br>
        <div class="uk-width-1-4" ><p>城市</p></div>
        <div class="uk-width-3-4" ><input class="uk-width-1-1 uk-form-large" type="text" placeholder="City"></div>
        <br><br><br>
        <div class="uk-width-1-4" ><p>邮箱</p></div>
        <div class="uk-width-3-4" ><input class="uk-width-1-1 uk-form-large" type="text" placeholder="Mail"></div>
        <br><br><br>
        <div class="uk-width-1-4" ><p>手机</p></div>
        <div class="uk-width-3-4" ><input class="uk-width-1-1 uk-form-large" type="text" placeholder="Moblie"></div>
        <br><br><br>
        <div class="uk-width-1-4" ><p>QQ</p></div>
        <div class="uk-width-3-4" ><input class="uk-width-1-1 uk-form-large" type="text" placeholder="QQ"></div>
        <br><br><br>

        <div class="uk-width-4-4" >
          <h5 style="font-family: 幼圆; " >给大家的一句话</h5>
          <textarea style="width:320px;" ></textarea>

        </div>
      </div>

      <br>

      <div class="uk-form-row">
        <a class="uk-width-1-1 uk-button uk-button-primary uk-button-large" href="http://getuikit.net/docs/layouts_login.html#">注册</a>
      </div>
    </form>

  </div>
</div>



</body></html>